<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>

<%@include file="../fragments/headScriptCS.jsp" %>

</head>

<body>
	<div class="container">

		<!-- BEGIN SLIDER -->
		<div id="carousel-example-generic" class="carousel slide"
			data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0"
					class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner">

				<!-- Begin Slide Item-->
				<div class="item active">
					<img
						src="${pageContext.request.contextPath}/assets/images/slider1.jpg"
						width="1170" height="418" alt="Slider Demo 1">
					<div class="carousel-caption"></div>
				</div>
				<!-- END Slide Item-->

				<!-- Begin Slide Item-->
				<div class="item">
					<img
						src="${pageContext.request.contextPath}/assets/images/slider2.jpg"
						width="1170" height="418" alt="Slider Demo 2">
					<div class="carousel-caption"></div>
				</div>
				<!-- END Slide Item-->

				<!-- Begin Slide Item-->
				<div class="item">
					<img
						src="${pageContext.request.contextPath}/assets/images/slider3.jpg"
						width="1170" height="418" alt="Slider Demo 3">
					<div class="carousel-caption"></div>
				</div>
				<!-- END Slide Item-->

			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic"
				data-slide="prev"> <span
				class="glyphicon glyphicon-chevron-left"></span>
			</a> <a class="right carousel-control" href="#carousel-example-generic"
				data-slide="next"> <span
				class="glyphicon glyphicon-chevron-right"></span>
			</a>
		</div>

		<!-- END SLIDER -->
	
		<br>
		<br>
		<br>
		<div class="row mt-20">
			<div class="col-md-3"></div>
			<!-- End col-md-3 -->

			<div class="col-md-6">
			<div id="login-box">
				<div class="line-header">
					<i class="fa fa-envelope"></i> เปลี่ยนรหัสผ่านสำเร็จ
				</div>
				<div class="box-detail">
					เปลี่ยนรหัสผ่านสำเร็จ ระบบได้ทำการเปลี่ยนรหัสผ่านให้คุณเรียบร้อยแล้ว 
					<div class="checkbox clearfix">
								<a href="${pageContext.request.contextPath}/index.jsp"><button type="button" class="btn btn-primary pull-right">ตกลง</button></a>																
					</div>
					</div>
					<!-- End box-detail -->
				</div>
			</div>
			<!-- End col-md-6 -->
			<div class="col-md-3"></div>
			<!-- End col-md-3 -->
		</div>
		<!-- End row -->
		<br>
		<br>
		<br>
		<br>
		
		<div class="footer">Copyright © สงวนลิขสิทธิ์ พ.ศ.2552 โดย
			การประปานครหลวง</div>
		<!-- End footer -->
	</div>
	<!-- END Container -->
	<!-- JAVASCRIPT -->
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/assets/js/share/jquery.min.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/libraries/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/assets/js/share/script.js"></script>
	<!-- END JAVASCRIPT -->
</body>
</html>
